<?php  
	include("inc.aplication_top.php");
	$objCatalogo = new Catalogo(); 
	$aryCatalogo = $objCatalogo->getCatalogoXTipo(2); 
?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"	"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="es-es" lang="es-es" dir="ltr">
   <head>
   <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
   <meta name="robots" content="all" />
   <meta name="Copyright" content="Copyright (c) 2010 Activa" />
   <meta name="title" content="Diana d'Victoria"/>
   <meta name="Description" content="Diana d'Victoria" />
   <meta name="keywords" content="Diana d'Victoria" />
   <meta name="author" content="pol"/>
   <meta name="page-type" content="comercial"/>
   <meta name="expires" content="never"/>
   <meta name="publisher" content="loay"/>
   <meta name="page-topic" content="bouquets"/>
   <meta name="audience" content="Todos"/>
   <title>Ruiz :: Diseñadores de Calzado</title>
   <link rel="shortcut icon" href="images/icon.png" type="image/png" />
   <link rel="icon" type="image/x-icon" href="images/favicon.ico" />
   <link rel="apple-touch-icon" href="images/mobile-icon.png" />
   <link rel="stylesheet" type="text/css" href="css/print.css" media="print" />
   <link rel="stylesheet" type="text/css" href="css/reset.css" media="screen" />
   <link rel="stylesheet" type="text/css" href="css/format-.css" media="screen" />
   <link rel="stylesheet" type="text/css" href="css/style.css" media="screen" />
   <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
   <script type="text/javascript" src="jquery.carousel.min.js"></script>
   <script type="text/javascript">
    $(function(){
		$("div.foo2").carousel( { direction: "horizontal" } );
    });
</script>
   <style>
.foo {
	margin:0 auto;
	width:936px;
	height:503px;
	border:2px solid white;
}
.foo ul {
	width:936px;
	height:503px;
}
.foo ul li {
	height:503px;
	float:left;
	width:936px;
}
.foo2 {
	margin:0 auto;
	width:936px;
	height:620px;
	border:2px solid white;
}
.foo2 ul {
	width:936px;
	height:620px;
}
.foo2 ul li {
	height:620px;
	float:left;
	width:936px;
}

.carousel-next {
	background:url(images/fle-der.png) no-repeat;
	border:0px;
	text-indent:99999px;
	overflow:hidden;
	z-index:9999;
	position:absolute;
	width:20px;
	height:30px;
	float:right;
	margin-left:940px;
	margin-top:-320px;
	
}
.carousel-previous {
	background:url(images/fle-izq.png) no-repeat;
	border:0px;
	text-indent:99999px;
	overflow:hidden;
	z-index:9999;
	position:absolute;
	width:20px;
	height:30px;
	float:left;
	margin-left:-25px;
	margin-top:300px;

}
</style>
   </head>

   <body>

<!-- Start: Center Wrap -->
<div id="wrapper"> 
     
     <!-- Start: head -->
     <div id="head">
    <?php include('common/head.php'); ?>
  </div>
     <!-- End: head --> 
     
     <!-- Start: content -->
     <div id="content">
    <div id="catalogo-otono">
         <div class="foo2">
        <ul>
			<?php for($x = 0 ; $x < count($aryCatalogo) ; $x++){ ?>
                <li><img src="<?php echo _tt_."src=/aplication/webroot/imgs/catalogos/".$aryCatalogo[$x]['imagen_temporada']."&w=936&h=620";?>" alt="<?php echo $aryCatalogo[$x]['imagen_temporada']; ?>" /></li>
            <?php } ?>         
        </ul>
</div>

         <div id="shadow"> <img src="images/shad.png" alt="sombra" /> </div>
         
       </div>
  </div>
     <!-- End: content --> 
     
     <!-- Start: footer -->
     <div id="footer">
    <?php include('common/footer.php'); ?>
  </div>
     <!-- End: footer --> 
     
   </div>
<!-- End: Center Wrap -->
</body>
</html>